<template>
  <div class="module-box">
    <el-list>
      <el-list-item v-for="(content, index) in module.props.contents" :key="index">
        <el-list-item-content>
          <h4>{{ content.title }}</h4>
          <p>{{ content.summary }}</p>
        </el-list-item-content>
      </el-list-item>
    </el-list>
  </div>
</template>

<script>
export default {
  name: 'ContentListModule',
  props: ['module'],
}
</script>

<style scoped>
.module-box { padding: 10px; border: 1px solid #ddd; }
</style>